<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* CSS Document */

/*****banner*****/
#banner{ width:100%; position:relative; overflow:hidden;background-attachment: fixed;
	top:0;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    /* background: url(../images/banner_01.jpg) center center no-repeat; */
    background-size: cover;
	}
.item{    position: absolute;
    top: 148px;
    bottom: 0;
    left: 0;
    right: 0;
}
.ban_p1{    position: absolute; color:#fff; font-size:48px; font-weight:bold;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10; text-align:center;}
.ban_p2{ position:absolute; color:#fff; text-align:center; left:0; z-index:10; right:0; top:25%; line-height:30px; font-size:20px;}
.ban_p2 span{ color:#efa200; font-size:22px; font-weight:bold;}
.ban_p3{ position:absolute;left: 0; right: 0; z-index:10; text-align:center; top:65%;}
.ban_p3 a{ border:1px solid #fff; 
padding:8px 20px; border-radius:5px; text-align:center; font-size:14px;
 color:#fff; transition: all ease-out .2s; }
/*.ban_p3 a img{ display:none;}*/
.ban_p3 a img{margin-left:8px;transform: translateY(1px);transition: all ease-out .2s;}
.ban_p3 a:hover img{ display:inline-block; margin-left:15px;transition: all ease-out .2s;}
.ban_p3 a:hover{ color:#fff; padding:8px 20px; padding-right:15px; background-color:#efa200;transition: all ease-out .2s;}



.xiafan{position: absolute; left: 50%; bottom: 20px; animation: start 1.5s infinite ease-in-out;
-webkit-animation: start 1.5s infinite ease-in-out; cursor:pointer;
animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;
}
.xiafan img{-webkit-transition: transform 0.4s;
    -o-transition: transform 0.4s;
    transition: transform 0.4s;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);}
.xiafan img:hover{-webkit-transition: transform 0.4s;
    -o-transition: transform 0.4s;
    transition: transform 0.4s;
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    transform: translateY(-6px);}
video#bgvid {
    background-attachment: fixed;
	top:0;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -100;
    /* background: url(../images/banner_01.jpg) center center no-repeat; */}
.video-level {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			background-color: rgba(0, 65, 131, 0.43);
			background: url(../image/videobanner.png)left top repeat;
		}
	
	
	
	
/**********妗堜緥*****/
.anli_box{ width:100%; background-color:#efefef;}
.anli{ width:1200px; padding:50px 0px; margin:0 auto;}
.anli_title{ width:100%; text-align:center;}
.anli_title p{ font-size:36px; color:#333; font-weight:bold;}
.anli_title p em{color:#efa200; font-style:normal;}
.anli_title span{ color:#333; font-size:14px; width:750px; display:block; line-height:24px; text-align:center; margin:10px auto;}
.anli_con{}
.anli_con ul li{ width:355px; overflow:hidden; float:left; margin:20px 9px;}
.anli_con ul li .anli_img{ width:355px; height:276px;}
.anli_con ul li img{ width:100%;height:275px; display:inline;-moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; -webkit-transition: all 18s ease 0s; transition: all 1s ease 0s;}
.anli_con ul li .anli_content{ background-color:#fff;display:block; width:100%; position:relative; height:140px; margin-top:-5px;}
.anli_con ul li .anli_content p{ font-size:18px; color:#333; font-weight:bold; line-height:55px; padding:0 15px;}
.anli_con ul li .anli_content span{ font-size:12px; color:#333; display:block; line-height:20px;padding:0 15px;}
.anli_con ul li .anli_content:after{    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #0f2963;
    background: ;
    position: absolute;
    left: 0;
    bottom: 0;
    -moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s; }
.anli_con{width:1200px;} 
.anli_content{width:1118px; overflow:hidden; margin:0 auto;} 
.anli_content ul{width:2000px; overflow:hidden;} 

.anli_leftbtn{width:40px; background:url(../image/anli_left.png) no-repeat center;height:112px; float:left; margin-top:153px; cursor:pointer;background-size: contain;} 
.anli_rightbtn{width:40px; background:url(../image/anli_right.png) no-repeat center; height:112px; float:right;margin-top:153px; cursor:pointer;background-size: contain;} 
.anli_con ul li:hover .anli_content:after{ width:100%;}
.anli_con ul li:hover .anli_content{box-shadow: 0px 5px 10px #e0e0e0;}
.anli_con ul li:hover img{moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1);}
.anli_con ul li .anli_content:hover p{ color:#efa200;}
/*************绗竴涓ぇ鍥�*********/
#bg_box01{ background:url(../image/bg01.png) no-repeat center;width:100%;
     background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover; background-size:100% 100%; position:relative;overflow:hidden;}
.bg01{ text-align:center; position:absolute; top:30%; width:100%;}
.bg01_p1{ font-size:54px; color:#fff; font-weight:bold; text-align:center;}
.bg01_p2{ font-size:14px; color:#fff; width:700px; margin:0 auto; margin-top:30px; line-height:24px;}
.bg01_p3{ margin-top:40px;}
.bg01_p3 a{ border:1px solid #fff; 
padding:8px 20px; border-radius:5px; text-align:center; font-size:14px;
 color:#fff; transition: all ease-out .2s; }
.bg01_p3 a img{margin-left:8px;transform: translateY(1px);transition: all ease-out .2s;}
.bg01_p3 a:hover img{ display:inline-block; margin-left:15px;transition: all ease-out .2s;}
.bg01_p3 a:hover{ color:#fff; padding:8px 20px; padding-right:15px; background-color:#efa200; border:1px solid #efa200;transition: all ease-out .2s;}
/********绗簩涓�****/
#bg_box02{background:url(../image/bg02.png) no-repeat center; width:100%;background-attachment:fixed;
     background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover; background-size:100% 100%; position:relative;overflow:hidden;}
#bg_box03{background:url(../image/bg03.png) no-repeat center; width:100%;background-attachment:fixed;
     background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover; background-size:100% 100%; position:relative; overflow:hidden;}
	
/***********鏂伴椈*******/
.news_box{ width:100%; background-color:#f5f5f5; overflow:hidden; padding:30px 0px;}
.news{ width:1200px; margin:50px auto;}
.new{ float:left; width:670px; margin-left:15px;}
#tab li{ float:left; width:135px; height:33px; text-align:center; cursor:pointer; margin:0 15px; border-radius:5px; border:1px solid #efa200; color:#efa200; font-size:16px; line-height:33px;}
#tab li:hover{ background-color:#efa200; color:#fff;}
#tab li:hover:after{ content:''; display:block; text-align:center; width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #efa200; margin-left:60px;}
#tab li.current:after{ content:''; display:block; text-align:center; width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #efa200; margin-left:60px;}
#tab li.current {background-color:#efa200; color:#fff;}
.new #content{ margin:20px auto;}
#content ul{ display:none;}
.news_con{ margin:20px auto;}
.new_con{ margin:0px auto; padding:30px 0px; border-bottom:1px dashed #d4d4d4;}
.new_con .news_img{ float:left; width:239px; }
.new_con .news_img img{ width:239px; height:186px;}
.new_con .news_right{ float:right; width:386px; margin-right:15px;}
.new_con .news_right a{ font-size:16px; color:#333; font-weight:bold;}
.new_con .news_right a:hover{ color:#efa200;}
.new_con .news_right p{ font-size:12px; color:#666; line-height:22px; margin:15px 0px;}
.new_con .news_right .more{ border:1px solid #efa200; color:#efa200; display:block; font-weight:normal; text-align:center; border-radius:8px; font-size:14px; width:106px; height:27px; line-height:27px;}
.new_con .news_right .more:hover{ background-color:#efa200; color:#fff;}
.news_list{ padding:15px 0px; border-bottom:1px dashed #d4d4d4;}
.news_list_left{ float:left;}
.news_list_left p{ font-size:48px; color:#999;}
.news_list_left span{ font-size:14px; color:#999; display:block;}
.news_list_right{ float:right; width:566px; margin-right:20px; padding-left:15px;}
.news_list_right a{ color:#333; font-size:16px; display:block; padding-top:10px;}
.news_list_right p{ color:#777; font-size:12px; line-height:24px; padding:7px 0px;}
.news_list_right:hover a{ color:#efa200;}

.bg_right{ float:right; width:483px; overflow:hidden;}
.bg02{ background:url(../image/bg04.png) no-repeat center; text-align:center; width:100%; height:360px; padding-top:50px;}
.bg02_p1{ color:#fff; font-size:30px; font-weight:bold; padding-top:30px;}
.bg02_p2{ color:#fff; font-size:14px; line-height:24px; margin:20px 30px;}
.bg03{ background:url(../image/bg05.png) no-repeat center; text-align:center; width:100%; height:360px; padding-top:50px;}
/************鏃堕棿骞翠唤********/
.platform_advantage{ 
    background-color:#c02000; 
    width:100%; 
    height:200px; 
    overflow:hidden; 
    margin-bottom:30px;
    
}
.platform{ width:1200px; margin:0 auto;}
.Counter{ width:276px;     border-right: rgba(204, 204, 204, 0.26) 1px solid; height:105px; transform: translateY(47px); float:left;}
.count{ text-align:center; padding-top:12px;}
.count .counter-value{ font-size:48px; color:#fff; text-align:center;}
.count .unit{vertical-align: top; color:#fff;font-size: 14px;}
.Counter .title{ margin-bottom: 10px;font-size: 16px; color: #fff; text-align:center;}

/****鑳屾櫙***/
.platform_advantage_bg {
	position: relative;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.platform_advantage_bg_z {
	position: relative;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.platform_advantage_bg li {
	position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, .15);
	bottom: -160px;
	-webkit-animation: square 28s infinite;
	animation: square 28s infinite;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear
}
.platform_advantage_bg_z li {
	position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, .15);
	bottom: -300px;
	-webkit-animation: square_z 22s infinite;
	animation: square_z 22s infinite;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear
}
.platform_advantage_bg li:nth-child(1), .platform_advantage_bg_z li:nth-child(1) {
	left: 10%;
}
.platform_advantage_bg li:nth-child(2), .platform_advantage_bg_z li:nth-child(2) {
	left: 20%;
	width: 80px;
	height: 80px;
	-webkit-animation-delay: 200ms;
	animation-delay: 200ms;
	-webkit-animation-duration: 17s;
	animation-duration: 17s
}
.platform_advantage_bg li:nth-child(3), .platform_advantage_bg_z li:nth-child(3) {
	left: 25%;
	-webkit-animation-delay: 400ms;
	animation-delay: 400ms
}
.platform_advantage_bg li:nth-child(4), .platform_advantage_bg_z li:nth-child(4) {
	left: 40%;
	width: 60px;
	height: 60px;
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
	background-color: rgba(255, 255, 255, .25)
}
.platform_advantage_bg li:nth-child(5), .platform_advantage_bg_z li:nth-child(5) {
	left: 70%
}
.platform_advantage_bg li:nth-child(6), .platform_advantage_bg_z li:nth-child(6) {
	left: 80%;
	width: 120px;
	height: 120px;
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
	background-color: rgba(255, 255, 255, .2)
}
.platform_advantage_bg li:nth-child(7), .platform_advantage_bg_z li:nth-child(7) {
	left: 32%;
	width: 100px;
	height: 100px;
	-webkit-animation-delay: 7s;
	animation-delay: 7s
}
.platform_advantage_bg li:nth-child(8), .platform_advantage_bg_z li:nth-child(8) {
	left: 55%;
	width: 20px;
	height: 20px;
	-webkit-animation-delay: 15s;
	animation-delay: 15s;
	-webkit-animation-duration: 40s;
	animation-duration: 40s
}
.platform_advantage_bg li:nth-child(9), .platform_advantage_bg_z li:nth-child(9) {
	left: 25%;
	width: 10px;
	height: 10px;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	-webkit-animation-duration: 40s;
	animation-duration: 40s;
	background-color: rgba(255, 255, 255, .3)
}
.platform_advantage_bg li:nth-child(10), .platform_advantage_bg_z li:nth-child(9) {
	left: 90%;
	width: 120px;
	height: 120px;
	-webkit-animation-delay: 11s;
	animation-delay: 11s
}
 @-webkit-keyframes square {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0)
}
 100% {
 -webkit-transform: translateY(-1700px)rotate(600deg);
 transform: translateY(-1700px)rotate(600deg)
}
}
 @keyframes square {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0)
}
 100% {
 -webkit-transform: translateY(-1700px)rotate(600deg);
 transform: translateY(-1700px)rotate(600deg)
}
}
 @-webkit-keyframes square_z {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0)
}
 100% {
 -webkit-transform: translateY(-700px)rotate(500deg);
 transform: translateY(-700px)rotate(500deg)
}
}
 @keyframes square_z {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0)
}
 100% {
 -webkit-transform: translateY(-700px)rotate(500deg);
 transform: translateY(-700px)rotate(500deg)
}
}

/**************鍚堜綔瀹㈡埛************/
.coo_box{ width:100%; margin:30px auto;}
.coo{ width:1200px; margin:0 auto;}
.hl_main5_content{width:1200px; margin:30px auto;} 
.hl_main5_content1{width:1120px; overflow:hidden; margin:0 auto;} 
.hl_main5_content1 ul{width:5000px; overflow:hidden;} 
.hl_main5_content1 ul li{ 
    float:left; 
    width:182px; 
    display:inline; 
    margin:0px 20px; 
    position:relative; 
    overflow:hidden;
    height:182px;
} 
.hl_main5_content1 ul li img{ 
    width:180px; 
    border-radius:50%; 
    overflow:hidden; 
    border:1px solid #ccc;
    padding: 46px 0;
} 
.hl_main5_content1 ul li p{ font-size:18px; color:#333; line-height:30px; text-align:center;}
.hl_main5_content1 ul li:hover p{ color:#efa200;}
.hl_scrool_leftbtn{width:0px; height:38px; float:left; margin-top:50px; cursor:pointer;} 
.hl_scrool_rightbtn{width:0px; height:38px; float:right;margin-top:50px; cursor:pointer;} 
.hl_main5_content1 ul li:hover .show {opacity: 1;filter:alpha(opacity=100);}
.show {
    background: rgba(0, 0, 0, 0.2);
    height:182px;
    left: 0;
    opacity: 0;
	filter:alpha(opacity=0);
    position: absolute;
    top: 0;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: opacity;
    transition-timing-function: ease-in;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.3s;
    -moz-transition-property: opacity;
    -moz-transition-timing-function: ease-in;
	/* Safari 鍜� Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    -webkit-transition-timing-function: ease-in;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.3s;
    -o-transition-property: opacity;
    -o-transition-timing-function: ease-in;
    width:182px;
    z-index: 200;
	border-radius:50%;
	line-height: 182px;
	height:182px;
}


.wrap {
    width: 1250px;
    margin: 0 auto;
    height: auto;
}


.title2 {
    margin-bottom: 50px;
    padding-top: 80px;
    text-align: center;
}
.title2 h2 {
    font-size: 54px;
    font-weight: bold;
    color: #c02000;
}
.title2 p {
    font-size: 25px;
    margin-top: 30px;
}

.section3 {
    width: 100%;
    overflow: hidden;
    height: 1006px;
    background: url(../image/sction3.jpg) no-repeat center;
}
.title3 {
    color: #fff;
}
.title3 h2 {
    color: #fff;
}
.section3 ul {
    margin-top: 67px;
}
.section3 ul li {
    height: 320px;
    margin-right: 10px;
    padding: 10px;
    margin-bottom: 11px;
    float: left;
    width: 380px;
    text-align: center;
}
.section3 ul li img {
    height: 60px;
    margin-top: 20px;
    margin-bottom: 30px;
}
.section3 ul li p {
    margin-top: 20px;
    height: 40px;
    color: #fff;
    font-size: 25px;
}
.section3 ul li span {
    margin-top: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 15px;
    display: block;
}
.section3 ul li:hover {
    background: #c02000;
}


.top {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #e6e6e6;
}
.top_hy {
    width: 60%;
    line-height: 40px;
}
.top_hy p {
    font-size: 14px;
    height: 40px;
    padding-left: 30px;
    background: url(../img/home.png) left center no-repeat;
}
.top_yy {
    width: 10%;
}
.top_yy .yxselect {
    border: none;
    width: 113px;
    background: url(../img/yy.png) no-repeat 8px center #fff;
    padding-left: 23px !important;
    height: 26px;
    border-radius: 50px;
    float: left;
    margin-top: 9px;
    margin-right: 14px;
    border: 0 !important;
    -webkit-appearance: menulist-button;
    font-size: 14px;
    border-right: none;
}
.top_yy .yxselect {
}
.head {
    width: 100%;
    overflow: hidden;
    height: 120px;
    margin-bottom: 30px;
}
.logo {
    width: 31%;
    margin-top: 30px;
}
.tle {
    width: 60%;
    margin-top: 30px;
}
.tle li {
    height: 100px;
    float: left;
    margin-left: 40px;
}
.tle li:nth-child(1) {
    height: 100px;
    padding-left: 80px;
    background: url(../img/zj.png) no-repeat center left;
}
.tle li p, .tle li span {
    font-size: 15px;
    margin-top: 30px;
}
.tle li:nth-child(2) {
    height: 100px;
    padding-left: 80px;
    background: url(../img/zj.png) no-repeat center left;
}
.tle li:nth-child(3) {
    height: 68px;
    width: 22%;
    border-radius: 20px;
    background: #c02000;
}
.tle li:nth-child(3) p {
    color: #fff;
    margin-top: 10px;
    text-align: center;
}
.tle li:nth-child(3) span {
    color: #fff;
    display: block;
    margin-top: 10px;
    text-align: center;
}
/*nav*/
.ct {
    background: #fff;
}
#_ctl0__ctl3_box {
    background: #fff;
}
.box880_-6112 {
    font: 14px/1.43 "Noto Sans SC", Arial, sans-serif;
    position: absolute;
    z-index: 999;
    width: 100%;
    height: 70px;
    color: #333;
}
.box880_-6112 .nav:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    color: '';
}
.box880_-6112 .nav &gt; li {
    position: relative;
    float: left;
    margin-right: 7%;
}
.box880_-6112 .nav &gt; li:last-child {
    margin-right: 0px;
}
.box880_-6112 .nav &gt; li &gt; a {
    position: relative;
    display: block;
    text-align: center;
    height: 70px;
    line-height: 70px;
    padding: 0 15px;
}
.box880_-6112 .nav &gt; li &gt; a:hover,
.box880_-6112 .nav &gt; li &gt; a:hover .subtitle,
.box880_-6112 .nav .active,
.box880_-6112 .nav .active .subtitle {
    color: #c02000;
}
.box880_-6112 .nav &gt; li &gt; a:after {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 2px;
    content: '';
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    background: #c02000;
}
.box880_-6112 .nav &gt; li &gt; a:hover:after,
.box880_-6112 .nav .active:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
.box880_-6112 .nav a span {
    display: block;
    font-size: 16px;
}
.box880_-6112 .nav {
    width: 1200px;
    margin: 0 auto;
}
.box880_-6112 .nav .title {
}
.box880_-6112 .nav .subtitle {
    font-size: 9px;
    padding-top: 5px;
    text-transform: uppercase;
    color: #666;
}
.box880_-6112 .subnav {
    position: absolute;
    top: 70px;
    left: 50%;
    visibility: hidden;
    width: 170px;
    margin-left: -85px;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 3px 16px rgba(0, 0, 0, .1);
}
.box880_-6112 .nav &gt; li:hover .subnav {
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
.box880_-6112 .subnav li a {
    font-size: 14px;
    line-height: 50px;
    position: relative;
    display: block;
    overflow: hidden;
    height: 50px;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    color: #666;
}
.box880_-6112 .subnav li a:hover {
    padding-left: 0px;
    color: #fff;
    background: #c02000;
}
.box880_-6112 .subnav li a:after {
    position: absolute;
    top: 50%;
    right: 10px;
    visibility: hidden;
    width: 5px;
    height: 10px;
    margin-top: -5px;
    content: '';
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
}
.box880_-6112 .subnav li a:hover:after {
    right: 15px;
    visibility: visible;
}
.box880_-6112 .nav &gt; li.selected a:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
.box880_-6112 .nav &gt; li.selected a .title {
    color: #c02000;
}
.fixed-on #tmf3 .box880_-6112 .subnav {
    position: fixed;
    left: auto;
    margin-left: -40px;
}


.page{ 
    width:1200px; 
    margin:0 auto; 
    height:auto; 
    background-color: #efefef;
    
}


.product_list{
    float: left;
    width: 250px;
    position: relative; 
    z-index: 33;
    background-color: #c02000;
}

.index_product{background: #f5f5f5;padding:160px 0 80px;margin-top: -80px;}
.prod_list_row1{background: url(../uploadfile/image/20200414/20200414173913_1518098664.jpg) no-repeat center;width: 250px;height: 110px;}
.prod_list_row1 a{display: block;padding: 25px 35px;font-size: 30px;color: #fff;line-height: 40px;}
.prod_list_row1 a .en{display: block;color: #80a7d8;font-size: 14px;line-height: 20px;}


.prod_list_row2 *{transition: 0.3s all ease;}
.prod_list_row2 &gt; table &gt; tbody &gt; tr,.prod_list_row2 &gt; table &gt; tbody,.prod_list_row2 &gt; table{display: block;width: 100%;border: 0 none;position: relative;}
.prod_list_row2 &gt; table &gt; tbody &gt; tr:after{content: '';width: 3px;height: 100%;position: absolute;background: #e1e1e1;left: 0;top: 0;transition:0.3s all ease}
.prod_list_row2 &gt; table &gt; tbody &gt; tr &gt; td:first-child{line-height: 60px;width: 100%;display: block;padding: 0 !important;height: 60px;border-top: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;}
.prod_list_row2 &gt; table &gt; tbody &gt; tr &gt; td:first-child &gt; b &gt; a{ color: #343434 !important;      display:block; position: absolute; left: 0; width: 165px; top: 0; font-size: 18px; font-weight: normal; padding: 0 45px 0 40px; background: #efefef url(../uploadfile/image/20200416/20200416111624_2121041014.png) no-repeat 260px center;transition:0.3s all ease;}
.prod_list_row2 &gt; table &gt; tbody &gt; tr:hover&gt; td:first-child &gt; b &gt; a{color: #1e64bc !important;font-weight:bold; }
.prod_list_row2 &gt; table &gt; tbody &gt; tr:hover:after{background: #1e64bc}
.prod_list_row2 &gt; table &gt; tbody &gt; tr &gt; td:first-child &gt; b &gt; a:after{content: '';display: block;width: 30px;height: 30px;position: absolute;left: 30px;top: 15px;}
.prod_list_row2 &gt; table &gt; tbody &gt; tr:nth-child(2) &gt; td:first-child &gt; b &gt; a:after{}
.prod_list_row2 &gt; table &gt; tbody &gt; tr &gt; td:first-child &gt; b{font-size: 0px;font-size: 0em;display:block;position: relative;height: 60px;}
.prod_list_row2 &gt; table &gt; tbody &gt; tr &gt; td &gt; div{width: 100%;padding:10px 0 5px;background: #f8f8f8;line-height:0}
.prod_list_row2 &gt; table &gt; tbody &gt; tr &gt; td &gt; div:after{content: '';display: block;clear: both;}
.prod_list_row2 &gt; table &gt; tbody &gt; tr &gt; td &gt; div &gt; a{display: block;line-height: 30px;padding: 0 45px 0 70px !important;line-height: 36px;width: 135px;font-size: 14px;color: #888 !important;float: left;position: relative;}
.prod_list_row2 &gt; table &gt; tbody &gt; tr &gt; td &gt; div &gt; a:first-child{border-top: 0 none;}
.prod_list_row2 &gt; table &gt; tbody &gt; tr &gt; td &gt; div &gt; a:after{content: '';clear: both;width: 6px;height: 1px;background:#ccc;position: absolute;display: block;left:45px;top: 20px;}
.prod_list_row2 &gt; table &gt; tbody &gt; tr:nth-child(7) #showtyepname{display: none;}


.product_cont{ width: 914px; }
.product_cont_r1{ width: 914px; padding-bottom:20px; border-bottom: 1px solid #ccc; margin-bottom:20px; }
.product_cont_r1 .prod_cont_r1_l{ background: url(../uploadfile/image/20200416/20200416111844_1890026819.png) no-repeat center; color: #343434; font-weight: normal; font-size: 26px; float: left; width: 107px; padding: 0px 0px 20px 55px; line-height: 26px; height: 30px; }
.product_cont_r1 .prod_cont_r1_r{ font-size: 14px; color: #fff; background: #343434; padding:0px 20px; display: block; float: right; line-height: 36px; width: 120px; text-align: center; margin-top: 5px; }
.product_cont_r1 .prod_cont_r1_r:hover { background: #083984; }
.product_cont_r1:after{ content: ''; clear: both; display: block; }


#colee1 li {
    width: 280px;
    float: left;
    margin: 10px;
}


#colee1 li img {
    width: 280px;
    height: 280px;
}

#colee1 li h3 {
    text-align: center;
    font-size: 24px;
    line-height: 40px;
}




























</pre></body></html>